layui.use(['table', 'laydate'], function() {
	var $ = layui.jquery;
	var layer = layui.layer;
	var form = layui.form;
	var table = layui.table;
	var laydate = layui.laydate;
	
	// 日期范围选择框渲染
	laydate.render({
		elem: '#dateScope',
		range: true
	});
	
	//数据表格渲染
    table.render({
      elem: '#piqTable'
      ,url:'delivery/pack/findPackWhole'
      ,method: 'get'
      ,where: {} // 你额外要携带数据，以键值对的方式存入
      ,cellMinWidth: 60 // 全局定义所有常规单元格的最小宽度（默认：60）
      ,cols: [[
        {type:'numbers'} // 序号
        ,{type: 'checkbox'} // 复选框
        ,{field:'jobListNo', title:'工作单号'}
        ,{field:'stripeCode', title:'分拣编码'}
        ,{field:'productName', title:'品名'}
        ,{field:'product', title:'发货方式 '}
        ,{field:'nuclearWeightUnit', title:'包装单位'}
        ,{field:'factQuantity', title:'件数'}
        ,{field:'factWeight', title:'重量'}
        ,{field:'size', title:'体积'}
        ,{field:'actualPacking', title:'实际包装'}
        ,{field:'bagging', title:'包装费'}
        ,{field:'userName', title:'包装员'}
        ,{field:'storageTime', title:'入库时间', templet: function(d){
        	return layui.util.toDateString(d.storageTime);
        }}
      ]]
      ,page: true // 开启分页
      ,limit: 10 // 每页显示的条数
      ,limits: [5,10,20,50,100] // 每页条数的选择项
      ,loading: true // 是否显示加载条(切换分页的时候显示）
      ,id: 'piqTable' // 设定容器唯一 id
      ,even: false // 隔行变色
    });
    
    //搜索表单提交
    form.on('submit(piqSearchBtn)', function(obj){
    	//获取表单的数据
    	var data = obj.field;
    	var startTime = data.storageTime.substring(0, 10);
    	var endTime = data.storageTime.substring(13);
    	table.reload('piqTable', {
    		where: { //设定异步数据接口的额外参数，任意设
    			productName: data.productName,
    			startTime: startTime,
    			endTime: endTime,
    			userName: data.userName,
    			actualPacking: data.actualPacking,
    			nuclearWeightUnit: data.nuclearWeightUnit
    		}
    	}); //只重载数据
  	    return false; //阻止表单跳转。
    });
});
